<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0">
  <title>仿携程</title>
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/less.css">
</head>
<!-- oncontextmenu="return false" onselectstart="return false"  -->
<body ondragstart="return false">
  <div class="header">
    <!-- 比  百分数  标准流 -->
    <div class="search">
      <span id="sousuo_">搜索:目的地/酒店/景点/超市</span>
    </div>
    <a href="javascript:void(0);" class="login"><span></span>我&nbsp;的</a>
  </div>
  <!-- 轮播图 -->
  <div class="banner">
    <div id="carousel">
      <ul>
        <li><img src="img/lunbo1.jpg" alt="轮播图一"></li>
        <li><img src="img/lunbo2.jpg" alt="轮播图二"></li>
        <li><img src="img/lunbo3.jpg" alt="轮播图三"></li>
      </ul>
    </div>
  </div>
  <!-- 主导航一 -->
  <div class="main-one">
    <a href="javascript:void(0)"><span class="icon-local-gljd"></span><span>攻略·景点</span></a>
    <a href="javascript:void(0)"><span class="icon-local-mpwl"></span><span>门票·玩乐</span></a>
    <a href="javascript:void(0)"><span class="icon-local-msl"></span><span>美食林</span></a>
    <a href="javascript:void(0)"><span class="icon-local-zby"></span><span>周边游</span></a>
    <a href="javascript:void(0)"><span class="icon-local-yry"></span><span>一日游</span></a>
  </div>
  <!-- 主导航二 -->
  <div class="main-two">
    <ul>
      <li><span><a href="javascript:void(0)">酒店</a></span></li>
      <li><span><a href="javascript:void(0)">民宿·客栈</a></span></li>
      <li><span><a href="javascript:void(0)">机票/火车票+酒店</a></span><em>方便又便宜</em></li>
      <li><span><a href="javascript:void(0)">机票</a></span></li>
      <li><span><a href="javascript:void(0)">火车票</a></span></li>
      <li><span><a href="javascript:void(0)">汽车·船票</a></span></li>
      <li><span><a href="javascript:void(0)">专车·租车</a></span></li>
      <li><span><a href="javascript:void(0)">旅游</a></span></li>
      <li><span><a href="javascript:void(0)">高铁游</a></span></li>
      <li><span><a href="javascript:void(0)">邮轮游</a></span></li>
      <li><span><a href="javascript:void(0)">定制游</a></span></li>
    </ul>
  </div>
  <!-- 主导航三 -->
  <div class="main-three">
    <div>
      <a href="javascript:void(0)">自由行</a>
      <a href="javascript:void(0)">WIFI电话卡</a>
      <a href="javascript:void(0)">保险·签证</a>
      <a href="javascript:void(0)">换钞·购物</a>
      <a href="javascript:void(0)">当地导购</a>
    </div>
    <div>
      <a href="javascript:void(0)">特价机票</a>
      <a href="javascript:void(0)">礼品卡</a>
      <a href="javascript:void(0)">申卡·借钱</a>
      <a href="javascript:void(0)">旅拍</a>
      <a href="javascript:void(0)">更多</a>
    </div>
  </div>
  <!-- 热门活动 -->
  <div class="sales-box">
    <div class="sales-hd">
      <h2 class="title title-huodong">
        热门活动
        <i class="icon-gg"></i>
      </h2>
      <a href="javascrip:void(0)">获取更多福利</a>
    </div>
    <div class="sales-bd">
      <div class="row">
        <img src="img/700t0y000000m71h523FE_375_260_342.png" alt="会员">
        <img src="img/700n1d000001ehfig49AD_375_260_341.jpg" alt="礼包">
      </div>
      <div class="row">
        <img src="img/zc0i0i0000009fp077B7E.png" alt="门票">
        <img src="img/zc0n0i0000009fus5C105.png" alt="签到">
      </div>
      <div class="row">
        <img src="img/zc0v0i0000009fwnfB030.png" alt="福利">
        <img src="img/zc0t0i0000009fpu498E1.png" alt="商城">
      </div>
    </div>
  </div>
  <!-- 尾部 -->
  <footer class="tool-box">
    <div class="tool-cn">
      <a href="tel:114">电话预定</a>
      <a href="download/download_simulate.zip" download="download_simulate.zip">下载客户端</a>
      <a href="Goods-released.html">我&nbsp;的</a>
    </div>
    <div class="tool-ver">
      <a href="">网站地图 | </a>
      <a href="javascript:void(0)">
        <span class="icon-global"></span>Language<span class="triangle"></span></a>
      <a href="javascript:void(0)"> | 电脑版</a>
    </div>
    <p>©<label id="copyno">2020</label>携程旅行｜<a href="http://www.miibeian.gov.cn/" class="link-icp">沪ICP备08023580号</a>
    </p>
  </footer>





  <script src="js/zepto.js"></script>
  <script src="js/index.js"></script>
  <script>
    var $sousuo_ = document.getElementById("sousuo_");
    $sousuo_.addEventListener("click", function() {
      window.open("sousuo.html");
    })
  </script>

</body>

<script>



  /* 判断是否离开 页面 */
  window.onblur = function () {
    document.title = '您去哪了!';
  }
  window.onfocus = function () {
    document.title = '欢迎回来！';
  }
</script>

</html>